.div1 {
    position: relative;
    display: inline-block;
    padding: .3em 1em 0;
}

.div1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #38a;
    transform: scaleY(1.3) perspective(.5em) rotateX(5deg);
    transform-origin: bottom left;
    background: #ccc;
    background-image: linear-gradient( hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));
    border: 1px solid rgba(0, 0, 0, .4);
    border-bottom: none;
    border-radius: .5em .5em 0 0;
    box-shadow: 0 .15em white inset;
}